<template>
  <div class="sona">
    <h1>{{ msg }}</h1>
    <h1>{{ txt }}</h1>
    {{ message }}
    <button @click="add">测试</button>
    <p>6666</p>
    <sonTWO @tese="fun"/>
    {{abc}}

  </div>
</template>

<script>
import sonTWO from "./son2.vue"
export default {
  name: "VscodeInsidersSon",
  // 父传子关键字
  // props:{
  //     msg:String
  // },
  components:{
    sonTWO
  },
  props: ["msg", "txt"],
  data() {
    return {
      message: "这是子组键的消息",
      abc:""
    };
  },
  mounted() {
    // 写在mounted里面 页面加载玩后  自动传值
    // this.add()
  },
  methods: { 
    add() {
      this.$emit("test", this.message);
      // 传向父亲App.vue
    },
    fun(val){
      this.abc=val
      console.log(val)
    }
  },
};
</script>

<style  scoped>
.sona{
  border: 2px blue solid;
}
</style>